<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
        <script type="text/javascript" src="js/jquery-3.0.0.min.js" ></script>
    <script type="text/javascript" src="js/bootstrap.min.js" ></script>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>

</head>

<body>
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
		
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title" style="color: steelblue;">XX钢铁公司首页</h1>
		</header>
	<div class="mui-slider">
  <div class="mui-slider-group">
    <div class="mui-slider-item"><a href="#"><img src="img/5.jpg" /></a></div>
    <div class="mui-slider-item"><a href="#"><img src="img/7.jpg" /></a></div>
    <div class="mui-slider-item"><a href="#"><img src="img/5.jpg" /></a></div>
    <div class="mui-slider-item"><a href="#"><img src="img/7.jpg" /></a></div>
  </div>
</div>
	</body>

</html>